<!DOCTYPE html>
<html lang="cn">

<head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="renderer" content="webkit">
  <link rel="stylesheet" href="../statics/css/amazeui.min.css">
  <link rel="stylesheet" href="../statics/css/animate.css">
  <link rel="stylesheet" href="../statics/css/layout.css">
  <link rel="stylesheet" href="../statics/css/pages.css">
  <link rel="stylesheet" href="../statics/iconfont/iconfont.css">
  <link rel="stylesheet" href="../statics/css/demo.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="../statics/css/venobox/venobox.css" type="text/css" media="screen" />
  <script src="../statics/js/jquery-1.11.0.min.js"></script>
  <script src="../statics/js/amazeui.min.js"></script>
  <script src="../statics/js/amazeui.lazyload.min.js"></script>
  <script type="text/javascript" src="../statics/js/venobox/venobox.min.js"></script>
</head>

<body>
  <style>
    #main-nav-hold .main-nav,
    .am-nav,
    .rb-topnav,
    .rb-topbar {
      background: #192C69;
    }
    
    .am-slider .am-slides>li {
      display: block !important;
    }
    @media screen and (max-width:767px) {
      .rb-topbar {
        background: #fff;
      }
    }

    .rb-topnav .rb-pagenav .item>a,
    #main-nav-hold a {
      color: #eee;
    }

    .rb-pagenav a.nav-btn {
      color: #ffbb6d;
    }

    .rb-pagenav .item a.rb-active,
    .rb-pagenav .item a:hover {
      color: #ffffff;
      font-weight: bold;
    }

    .rb-topnav .rb-pagenav .item a.rb-active,
    .rb-topnav .rb-pagenav .item a:hover {
      color: #ffffff;
      font-weight: bold;
    }

    .rb-language {
      color: #ddd;
    }

    .sb-search-input {
      background-color: #fff;
    }

    .sb-search-input::placeholder {
      color: #999 !important;
    }

    .sb-icon-search,
    .sb-search-submit {
      background: url('../statics/images/search-3.png') no-repeat 10px 14px;
    }

    .am-slider-i2 .am-slider-content h2 {
      width: 80%;
      color: #fff;
    }

    .rb-footer {
      border-top: 1px solid #f6f5f5;
      background-color: #fff;
    }
    .nav-entry {
      width: 100%;
      text-align: center;
    }
    .rb-products .rb-proleft {
      margin-left: 0;
    }
    .rb-products .rb-proright {
      margin-left: 0;
    }
    @media (min-width: 992px) {
      .product-content {
        width: 1200px;
        margin:0 auto;
      }
      .rb-products .rb-proleft {
        float: left;
      }
      .rb-products .rb-proright {
        float: right;
      }
      .product-img {
        width: 60% !important;
      }
      .product-text {
        width: 40% !important;
      }
      .product-img img {
        width: 100%;
      }
      .rb-pronav,
      .rb-products .cd-timeline-block {
        height: auto !important;
        min-height: auto !important;
      }
    }
    @media (max-width: 991px) {
      .nav-entry {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 140px;
      }
      .nav-entry .nav-item {
        width: 200px;
        height: 200px;
        border-radius: 60%;
        background: rgba(255,255,255,.7);
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        box-shadow: 0 0 20px 4px rgba(0,0,0,.1);
        margin-bottom: 30px;
      }
      .nav-entry .nav-item span {
        font-size: 40px;
      }
      .nav-entry .nav-item p {
        font-size: 20px;
        margin-top: 10px;
        color:#fff;
      }
      .nav-entry .nav-item span {
        color: #fff;
        font-size: 60px;
      }
      .visual-banner {
        height: 600px;
      }
      .visual-banner .up-cn,
      .visual-banner .up-en {
        display: none;
      }
      .visual-banner .am-slides,
      .visual-banner .am-viewport {
        height: 100%;
      }
      .am-slider-i2 .am-slider-images {
        min-height: auto !important;
        height: 100% !important;
      }
      .rb-listpro {
        padding: 0 20px;
        margin-top: 30px;
      }
      .rb-listpro a{
        height: 50px;
        line-height: 50px;
        font-size: 20px;
      }
    }
  </style>
  <header class="rb-topbar">
    <div class="amz-container">
      <h1 class="am-topbar-brand rb-brand ">
        <a href="/dsf-web" class="rb-logo">
          <img src="../statics/images/logo.png" alt="/">
        </a>
      </h1>
      <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-show-sm-only"
        data-am-collapse="{target: '#doc-topbar-collapse-1'}">
        <span class="am-sr-only">
          导航切换
        </span>
        <span class="iconfont icon-bars">
        </span>
      </button>
      <!--#include file="/public/html/menu.html"-->
    </div>
  </header>
  <!-- 视觉系统 -->
  <div data-am-widget="slider" class="am-slider am-slider-i2 visual-banner" data-am-flexslider="{controlNav:false}">
    <ul class="am-slides">
      <li class="am-slider-images full-img" style="background-image: url('../statics/images/inspection/banner.jpg')">
        <div class="am-container am-slider-desc">
          <div class="am-slider-content">
            <h3 class="up-cn am-animation-slide-right" data-am-scrollspy="{animation:'slide-right', delay: 500}" style="color:#fff;">AI视觉检测
            </h3>
            <h2 class="up-en am-slider-title am-animation-slide-left"
              data-am-scrollspy="{animation: 'slide-left', delay: 100}" style="color:#fff;">AI visual detection</h2>
            <i data-am-scrollspy="{animation:'slide-bottom', delay: 700}" class="am-animation-slide-bottom"
              style=" background-color:#fff;"></i>
              <div data-am-scrollspy="{animation:'slide-left', delay: 1200}" class="rb-bantxt am-animation-slide-right"
              style="color:#fff;">
             Ai视觉是指机器设备、系统或过程（生产、管理过程）在没有人或较少人的直接参与下，按照人的要求，经过自动检测、信息处理、分析判断、操纵控制，实现预期的目标的过程。自动化技术广泛用于工业、农业、军事、科学研究、交通运输、商业、医疗、服务和家庭等方面。采用自动化技术不仅可以把人从繁重的体力劳动、部分脑力劳动以及恶劣、危险的工作环境中解放出来，而且能扩展人的器官功能，极大地提高劳动生产率，增强人类认识世界和改造世界的能力。
            </div>
            <!-- <div class="nav-entry">
              <a href="/views/visual-inspection.html" class="nav-item">
                <span class="iconfont icon-ceshiyanjing"></span>
                <p>视觉系统</p>
              </a>
              <a href="/views/visual-case.html" class="nav-item">
                <span class="iconfont icon-anli"></i>
                <p>检测案例</p>
              </a>
            </div> -->
          </div>
        </div>
      </li>
    </ul>
  </div>
  <!-- 入口 -->
  <div class="amz-container rb-products am-avg-sm-1 am-avg-md-1 am-avg-lg-1">
    <!-- <div class="am-container-1 text-center rb-currentitle">
      <h3>视觉系统</h3>
      <h4>VISUAL SYSTEM</h4>
      <i></i>
    </div> -->
    <div class="cd-timeline-block am-animation-slide-right clearfix"
      data-am-scrollspy="{animation: 'slide-right', delay: 400}">
      <div class="amz-container rb-hg110"></div>
      <div class="product-content clearfix">
        <div class="product-img rb-proleft">
          <img src="/statics/images/auto/zidonghua1.jpg" alt="">
        </div>
        <div class="rb-pronav rb-proright text-position-right product-text">
          <h3>视觉系统</h3>
          <h4>visual system</h4>
          <i></i>
          <div class="rb-prodes">
            视觉系统描述
          </div>
          <a href="/views/visual-inspection.html"><span>查看更多</span></a>
        </div>
      </div>
    </div>
  </div>
  <div class="amz-container rb-products am-avg-sm-1 am-avg-md-1 am-avg-lg-1">
    <div class="cd-timeline-block am-animation-slide-left clearfix"
      data-am-scrollspy="{animation: 'slide-left', delay: 400}">
      <div class="amz-container rb-hg110"></div>
      <div class="product-content clearfix">
        <div class="product-img rb-proright">
          <img src="/statics/images/auto/zidonghua1.jpg" alt="">
        </div>
        <div class="rb-pronav text-position-left rb-proleft product-text">
          <h3>检测案例</h3>
          <h4>Test Case</h4>
          <i></i>
          <div class="rb-prodes">
            检测案例描述
          </div>
          <a href="/views/automation-standard.html"><span>查看更多</span></a>
        </div>
      </div>
    </div>
  </div>
  <div class="amz-container rb-hg80"></div>
  <script src="../statics/js/canvas.js" opacity=0.6 z=1></script>
  <!--#include file="/public/html/footer.html"-->
  <script>
    $('full-img').css('height',getClientHeight +'px !important')
    function getClientHeight() {
      var clientHeight=0;
      if(document.body.clientHeight&&document.documentElement.clientHeight)
      {
      var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
      }
      else
      {
      var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;
      }
      return clientHeight;
    }
  </script>
</body>

</html>